<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="icon" type="image/x-icon" href="../../images/logo.png">
    <title>旅行社监测</title>
    <!-- 下拉框 -->
    <link rel="stylesheet" href="../../plugin/M_select/js/M_select/M_select.css">
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/travelAgency.css">
</head>

<body>
    <div class="box">
        <!-- 头部 -->
        <div class="header-box">
                <img src="../../images/headeBg.png" alt="">
                <div class="weather-box">
                    <span>郑州 小雨转多云 32/16℃</span>
                </div>
                <h1 class="header-title"><img src="../../images/header.png" alt=""></h1>
                <div class="header-action">
                    <span class="action-time"></span>
                    <a href="javascript:;">管理中心</a>
                    <a href="javascript:;">退出</a>
                </div>
            </div>
        <div class="main-box">
            <!-- 侧边导航 -->
            <ul class="aside-box">
                    <li>
                        <a href="../home.html">
                            <span>
                                <img class="aside-img" src="../../images/home.png" alt="">
                                <img class="aside-imgA " src="../../images/homeA.png" alt="">
                                首页
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../surroundings/development.html">
                            <span>
                                <img class="aside-img" src="../../images/huanjing.png" alt="">
                                <img class="aside-imgA" src="../../images/huanjingA.png" alt="">
                                产业发展环境
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../basic/basic.html">
                            <span>
                                <img class="aside-img" src="../../images/yaosu.png" alt="">
                                <img class="aside-imgA" src="../../images/yaosuA.png" alt="">
                                产业基础要素
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../passengerFlow/destination.html">
                            <span>
                                <img class="aside-img" src="../../images/keliu.png" alt="">
                                <img class="aside-imgA" src="../../images/keliuA.png" alt="">
                                旅游客流监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../productTesting/index.html">
                            <span>
                                <img class="aside-img" src="../../images/chanpin.png" alt="">
                                <img class="aside-imgA" src="../../images/chanpinA.png" alt="">
                                旅游产品监测
                            </span>
                        </a>
                    </li>
                    <li class="active">
                            <a href="./scenicMonitor.html">
                                <span>
                                    <img class="aside-img" src="../../images/qiye.png" alt="">
                                    <img class="aside-imgA" src="../../images/qiyeA.png" alt="">
                                    旅游企业监测
                                </span>
                            </a>
                        </li>
                    <li>
                        <a href="../tourismProject/index.html">
                            <span>
                                <img class="aside-img" src="../../images/xiangmu.png" alt="">
                                <img class="aside-imgA" src="../../images/xiangmuA.png" alt="">
                                旅游项目监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../brand/brand.html">
                            <span>
                                <img class="aside-img" src="../../images/pinpai.png" alt="">
                                <img class="aside-imgA" src="../../images/pinpaiA.png" alt="">
                                旅游品牌监测
                            </span>
                        </a>
                    </li>
                </ul>
            <!-- 主题内容 -->
            <div class="content-box">
                <div class="content-nav-box">
                    <a href="scenicMonitor.html">景区监测 </a>
                    <a class="active" href="#">旅行社监测</a>
                    <a href="hotelMonitoring.html">酒店监测</a>
                    <a href="villageMonitoring.html">旅游乡村监测</a>
                </div>
                <div class="main-content-box">
                    <div class="left-box">
                        <div class="province-box">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    全省旅行社组团
                                </h3>
                            </div>
                            <ul>
                                <li>
                                    <div id="province" class="echarts-box"></div>
                                </li>
                            </ul>
                            <div class="radio-box">
                                <input checked name="travelAgency" type="radio" id="monthlyProvince">
                                <label for="monthlyProvince">
                                    <i></i><span>月度</span>
                                </label>
                                <input type="radio" id="yearProvince" name="travelAgency">
                                <label for="yearProvince"><i></i><span>年度</span></label>
                            </div>
                        </div>
                        <div class="province-box">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    国内游组团
                                </h3>
                            </div>
                            <ul>
                                <li>
                                    <div id="domestic" class="echarts-box"></div>
                                </li>
                            </ul>
                            <div class="radio-box">
                                <input checked name="travelDomestic" type="radio" id="monthlyDomestic">
                                <label for="monthlyDomestic">
                                    <i></i><span>月度</span>
                                </label>
                                <input type="radio" id="yearDomestic" name="travelDomestic">
                                <label for="yearDomestic"><i></i><span>年度</span></label>
                            </div>
                        </div>
                        <div class="province-box">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    出境游组团
                                </h3>
                            </div>
                            <ul>
                                <li>
                                    <div id="departure" class="echarts-box"></div>
                                </li>
                            </ul>
                            <div class="radio-box">
                                <input checked name="travelDeparture" type="radio" id="monthlyDeparture">
                                <label for="monthlyDeparture">
                                    <i></i><span>月度</span>
                                </label>
                                <input type="radio" id="yearDeparture" name="travelDeparture">
                                <label for="yearDeparture"><i></i><span>年度</span></label>
                            </div>
                        </div>
                    </div>
                    <div class="center-box">
                        <div class="world-map">
                            <div class="info-box">
                                <div>
                                    <p>今日组团数（个）</p>
<!--                                    <i>-->
<!--                                        <span>0</span>-->
<!--                                        <span>0</span>-->
<!--                                        <span>0</span>-->
<!--                                        <span>6</span>-->
<!--                                        <span>4</span>-->
<!--                                        <span>5</span>-->
<!--                                        <span>2</span>-->
<!--                                    </i>-->
                                  <div class="numberStyle">0015541</div>
                                </div>
                                <div>
                                    <p>今日组团数（个）</p>
<!--                                    <i>-->
<!--                                        <span>0</span>-->
<!--                                        <span>0</span>-->
<!--                                        <span>0</span>-->
<!--                                        <span>6</span>-->
<!--                                        <span>4</span>-->
<!--                                        <span>5</span>-->
<!--                                        <span>2</span>-->
<!--                                    </i>-->
                                  <div class="numberStyle">0055141</div>
                                </div>
                            </div>
                            <div class="map" id="map"></div>
                        </div>
                        <div class="world-info">
                            <div>
                                <div class="title-box">
                                    <h3>
                                        <img src="../../images/titile-img.png">
                                        出境游停留时间
                                    </h3>
                                </div>
                                <div class="echarts-box" id="residenceTime"></div>
                            </div>
                            <div>
                                <div class="title-box">
                                    <h3>
                                        <img src="../../images/titile-img.png">
                                        出境目的地国家
                                    </h3>
                                </div>
                                <div class="echarts-box" id="destination"></div>
                            </div>
                        </div>
                    </div>
                    <div class="right-box">
                        <div class="entry-box">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    入境游接待
                                </h3>
                            </div>
                            <div class="echarts-box" id="entry"></div>
                            <div class="radio-box">
                                <input checked name="travelEntry" type="radio" id="monthlyEntry">
                                <label for="monthlyEntry">
                                    <i></i><span>月度</span>
                                </label>
                                <input type="radio" id="yearEntry" name="travelEntry">
                                <label for="yearEntry"><i></i><span>年度</span></label>
                            </div>
                        </div>
                        <div class="entry-info">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    导游接待信息
                                </h3>
                            </div>
                            <div class="list-box scrollbar">
                                <ul class="">
                                    
                                    <li>
                                        <div>
                                            <h4>【康辉】洛阳龙门石窟白马寺丽景门</h4>
                                            <button>路线轨迹</button>
                                        </div>
                                        <p>导游：张柏贝   15538586666      车牌号：豫A  Q58R5</p>
                                    </li>
                                    <li>
                                        <div>
                                            <h4>【康辉】洛阳龙门石窟白马寺丽景门</h4>
                                            <button>路线轨迹</button>
                                        </div>
                                        <p>导游：张柏贝   15538586666      车牌号：豫A  Q58R5</p>
                                    </li>
                                    <li>
                                        <div>
                                            <h4>【康辉】洛阳龙门石窟白马寺丽景门</h4>
                                            <button>路线轨迹</button>
                                        </div>
                                        <p>导游：张柏贝   15538586666      车牌号：豫A  Q58R5</p>
                                    </li>
                                    <li>
                                        <div>
                                            <h4>【康辉】洛阳龙门石窟白马寺丽景门</h4>
                                            <button>路线轨迹</button>
                                        </div>
                                        <p>导游：张柏贝   15538586666      车牌号：豫A  Q58R5</p>
                                    </li>
                                    <li>
                                        <div>
                                            <h4>【康辉】洛阳龙门石窟白马寺丽景门</h4>
                                            <button>路线轨迹</button>
                                        </div>
                                        <p>导游：张柏贝   15538586666      车牌号：豫A  Q58R5</p>
                                    </li>
                                    <li>
                                        <div>
                                            <h4>【康辉】洛阳龙门石窟白马寺丽景门</h4>
                                            <button>路线轨迹</button>
                                        </div>
                                        <p>导游：张柏贝   15538586666      车牌号：豫A  Q58R5</p>
                                    </li>
                                    <li>
                                        <div>
                                            <h4>【康辉】洛阳龙门石窟白马寺丽景门</h4>
                                            <button>路线轨迹</button>
                                        </div>
                                        <p>导游：张柏贝   15538586666      车牌号：豫A  Q58R5</p>
                                    </li>
                                    <li>
                                        <div>
                                            <h4>【康辉】洛阳龙门石窟白马寺丽景门</h4>
                                            <button>路线轨迹</button>
                                        </div>
                                        <p>导游：张柏贝   15538586666      车牌号：豫A  Q58R5</p>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>
<script src="../../plugin/jquery-1.11.1.min.js"></script>
<script src="../../plugin/ECharts/echarts.js"></script>
<script src="../../plugin/ECharts/world.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/jquery.leoTextAnimate.js"></script>
<script src="../../js/travelAgency.js"></script>
<script>
  $('.numberStyle').leoTextAnimate({
    delay: 1000, //延时出现时间
    autorun: true, //是否自动运行
    fixed: [',', ':', '.'], //
    start: '0'
  });
</script>
</html>
